<template>
    <div class = "SearchDetail">
        <div class = "search-main">
            <span class = "iconfont icon-sousuo1x"></span>
            <input 
            type="text" 
            confirm-type = "search"
            placeholder = "请输入作家名/课程名" 
            placeholder-style = "color: #666666;font-size: 28rpx;"
            placeholder-class = "center"
            @confirm = "searchConfirm"
            />
        </div>
        <div class="search-history">
            <h5>历史搜索</h5>
            <ul>
                <li>月光</li>
                <li>某某</li>
                <li>月光宝盒</li>
            </ul>
        </div>
    </div>
</template>
<script>

export default {
    data(){
        return {
            msg: "欢迎来到搜索详情页！"
        }
    },
    methods: {
        searchConfirm(e){
            console.log("当前点击了搜索按钮！")
        }
    }
}
</script>
<style lang = "scss" scoped>
    @import "index.scss";
</style>
